<template>
  <div id="app">
    <!-- <router-link to="/"></router-link> -->
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  mounted() {
    // 初始化设置
    this.pageResize();
    window.addEventListener("resize", this.pageResize());
  },
  beforeDestroy() {
    // 在组件销毁前移除事件监听器
    window.removeEventListener("resize", this.pageResize);
  },
  methods: {
    //页面字体自适应方法
    pageResize() {
      this.$nextTick(() => {
        // 页面开始加载时修改font-size
        const html = document.getElementsByTagName("html")[0];
        const oWidth =
          document.body.clientWidth || document.documentElement.clientWidth;
        // 这里的1920是指设计图的大小,自己根据实际情况改变
        html.style.fontSize = (oWidth / 1920) * 100 + "px";
      });
    },
  },
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
body {
  font-size: 14px;
}

html {
  font-size: 14px;
}

#app {
  font-size: 16px;
}
::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  border-radius: 10px;
  background: transparent;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: rgb(47, 54, 99);
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: transparent;
}
</style>
<style scoped>
/* 表格样式 */
::v-deep .el-table thead {
  font-weight: initial;
  font-size: 0.13rem;
  font-style: normal;
  font-family: "SourceHanSansCN";
  /* font-family: "YouSheBiaoTiHei"; */
}

::v-deep .el-table tr,
::v-deep.el-table th,
::v-deep .el-table th.el-table__cell {
  color: #fff;
  font-size: 0.13rem;
  background-color: transparent !important;
}

::v-deep .el-table thead tr th.el-table__cell {
  color: #0ff !important;
}

::v-deep .el-table td.el-table__cell,
::v-deep .el-table th.el-table__cell.is-leaf,
::v-deep .el-table--border {
  border-bottom: 1px solid rgba(0, 128, 255, 0.6);
  border-right: 1px solid rgba(0, 128, 255, 0.6);
}

::v-deep .el-table--border::after,
.el-table--group::after,
.el-table::before {
  background-color: transparent !important;
}
::v-deep .el-table::before {
  background-color: transparent !important;
}
::v-deep .el-table--border,
.el-table--group {
  border: 1px solid rgba(0, 128, 255, 0.6);
}
::v-deep .el-table--border th.el-table__cell.gutter:last-of-type {
  border-bottom: 1px solid rgba(0, 128, 255, 0.6);
}
::v-deep .el-table--border th.el-table__cell {
  border-bottom: 1px solid rgba(0, 128, 255, 0.6);
}
::v-deep .el-table--border .el-table__cell {
  border-right: 1px solid rgba(0, 128, 255, 0.6);
}
::v-deep .el-table .el-table__cell {
  padding: 5px 0;
}
::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
  background-color: rgb(6, 36, 106, 1) !important;
}
::v-deep .el-table .cell {
  line-height: 1.5vh;
}

/* 日期选择样式 */
::v-deep .el-input__inner {
  border-radius: 3px;
  border: 1px solid #27508b;
  background: #27508b;
  box-shadow: 0px 0px 5px 2.5px #0080ff inset;
  height: 2.8vh;
  line-height: 2.8vh;
  color: #fff;
  /* font-family: "YouSheBiaoTiHei"; */
}
::v-deep .el-date-editor .el-range-separator {
  color: #fff;
  line-height: 2.4vh;
  font-size: 0.12rem;
  /* font-family: "YouSheBiaoTiHei"; */
}
::v-deep .el-date-editor .el-range__icon {
  color: #fff;
  line-height: 2.4vh;
  display: none;
}
::v-deep .el-range-editor .el-range-input {
  background-color: transparent !important;
  color: #fff;
  /* font-family: "YouSheBiaoTiHei"; */
  font-size: 0.12rem;
  font-weight: 400;
  letter-spacing: 0px;
}
::v-deep .el-date-editor--daterange.el-input__inner {
  width: 70%;
  padding: 0px 10px;
}
::v-deep .el-date-editor .el-range__close-icon {
  color: #fff;
  display: none;
}
::v-deep .el-range-input::placeholder {
  color: #fff;
}
::v-deep .el-select .el-input .el-select__caret {
  color: #0ff;
}
::v-deep .el-input__icon {
  line-height: 2.8vh;
}

/* 遮罩层 */
::v-deep .el-dialog__header {
  display: none;
}
::v-deep .el-dialog {
  background: transparent;
}

::v-deep .el-descriptions__body {
  color: #fff;
  background-color: transparent;
}
::v-deep .el-descriptions .is-bordered .el-descriptions-item__cell {
  border: 1px solid rgba(0, 128, 255, 0.6);
}
::v-deep .el-descriptions-item__label.is-bordered-label {
  font-weight: 700;
  color: #fff;
  background: rgba(3, 47, 90, 0.6);
}

/* 地图点标注点击信息弹窗 */
/* ::v-deep .BMap_bubble_pop {
  background-color: transparent !important;
  background: url("@/assets/image/popupbg.png") no-repeat;
  background-size: 100% 100%;
  border: none !important;
  padding: 3vh 2vw 9vh 2vw !important;
  width: 40vw !important;
  min-height: 25vh !important;
  max-height: 35vh !important;
  overflow-y: auto !important;
}
::v-deep .BMap_bubble_center {
  width: 100% !important;
}
::v-deep .BMap_bubble_content {
  width: 100% !important;
  color: #fff !important;
  font-size: 0.14rem !important;
}
::v-deep .BMap_bubble_buttons {
  top: 1vh !important;
}
::v-deep .BMap_bubble_buttons > div:last-child {
  color: #fff !important;
  background: #1e2328 !important;
  border: 3px solid #0783fa;
  border-radius: 50%;
}
::v-deep .BMap_bubble_pop > img {
  display: none;
} */
</style>
